.module {
  :global {
    // .tr-label-prefix-wraper{
    //   width:auto;
    // }
    // .tr-date-time {
    //   width: 100%;
    //   flex:1;
    // }
    // .q-field__append {
    //   height: inherit;
    // }
    // .q-field__control {
    //   height: inherit;
    // }
  }
}

.datetimepopup {
  :global {
    .date-time-section {
      flex-direction: row;
      flex-wrap: nowrap;
      align-items: center;
      display: flex;
      overflow: hidden;
      &.isMobile {
        flex-direction: column;
      }
    }
    .date-time-actions {
      display: flex;
      align-items: center;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-end;
      margin-right: 8px;
    }
    .date-time-dateaction {
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: end;
      display: flex;
      padding-bottom: 16px;
      padding-left: 16px;
      padding-right: 16px;
      overflow: hidden;
    }
    .date-time-layout {
      flex-direction: column;
      flex-wrap: nowrap;
      display: flex;
    }
  }
}
